<template>
    <div class="v-warp">
        <h2 class="v-title">{{title}} <i class="iconfont inext" v-if="!islink"></i></h2>
        <van-row gutter="10" class="scroll-wrapper">
            <div class="scroll-content">
            <van-col span="8" class="v-item scroll-item" v-for="item in data">
                <a :href="'#/detail/'+item.vid">
                    <img v-lazy="item.vpic" />
                    <h2>{{item.vname}}</h2>
                    <p>{{item.vpublishyear +'/'}}{{item.vpublisharea+'/'}}{{item.tnamel2}}</p>
                </a>
            </van-col>
            </div>
        </van-row>
    </div>
</template>
<script>
import vscroll from '../libs/vscroll';
export default {
  name: "VerticalItem",
  components: {
  },
  props: ['data','title','islink'],
  data() {
    return {
    };
  },
  methods:{
  },
  mounted() {
  },
  beforeUpdate(){
    vscroll.init();
  }
};
</script>
<style lang="less" >
</style>
